<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/detail.css">
    <link rel="stylesheet" href="css/common.css">
</head>

<body>
    <!-- 顶部文字 -->
    <div class="first_hd">
        <ul>
            <li>手机，数码，通讯</li>
            <li>手机</li>
            <li>Apple苹果</li>
            <li>iPhone6S Plus系类</li>
        </ul>
    </div>
    <div class="detail">
        <!-- 左侧部分 -->
        <div class="phone">
            <div class="phone_pic">
                <img src="upload/s3.png" alt="">
            </div>
            <div class="phone_list">
                <a href="" class="lef"></a>
                <a href="" class="righ"></a>
                <ul>
                    <li class="margi"><img src="upload/pre.jpg" alt=""></li>
                    <li><img src="upload/pre.jpg" alt=""></li>
                    <li><img src="upload/pre.jpg"></li>
                    <li><img src="upload/pre.jpg"></li>
                    <li><img src="upload/pre.jpg" alt=""></li>
                </ul>
            </div>
            <div class="bb_txt">
                <ul>
                    <li>商品编号：0432324</li>
                    <li><i class="share"></i>分享</li>
                    <li><i class="love"></i>关注 500</li>
                    <li>对比</li>
                </ul>
            </div>
        </div>
        <!-- 右侧详情部分 -->
        <div class="phone_detail">
            <h2>App iPhone 6S(A1700)64G玫瑰金色 移动通信电信4G手机</h2>
            <h3>推荐选择下方的[移动优惠购物]手机套餐齐搞定，不用换号，每月还有花费返</h3>
            <div class="phone_price">
                <ul class="f_ul">
                    <li class="l_f">价&nbsp;&nbsp;&nbsp;格</li>
                    <li class="l_s">￥5299.00</li>
                    <li class="l_t">降价通知</li>
                    <li class="l_f1">累计评价</li>
                    <li class="l_f">68978</li>
                </ul>
            </div>
            <div class="phone_pric">
                <span class="s_f">促&nbsp;&nbsp;&nbsp;销</span><i class="jiajiag">加价购</i><span
                    class="s_txt">满999.00另加20.00，或满1999.00另加30.00元，或满2999.00另外加400.00,即可在购物车</span>
                <h4 class="t_txt">购热销商品</span>&nbsp;<span>详情&nbsp;》</h4>
            </div>
            <div class="part4">
                <div>
                    <span class="spa2">支&nbsp;&nbsp;&nbsp;&nbsp;持</span><span class="spa1">以旧换新，闲置手机回收 4G套餐超值抢 礼品</span>
                </div>
                <div>
                    <span class="spa2">配送至</span><span class="spa1">北京海淀区中关</span>
                </div>
            </div>
            <div class="part5">
                <ul class="u_1">
                    <li class="center">选择颜色</li>
                    <li><a href="">金色</a></li>
                    <li><a href="">银色</a></li>
                    <li><a href="">黑色</a></li>
                    <li><a href="">玫瑰色</a></li>
                </ul>
            </div>
            <div class="part5">
                <ul class="u_1">
                    <li class="center">选择版本</li>
                    <li><a href="">金色</a></li>
                    <li><a href="">银色</a></li>
                    <li><a href="">黑色</a></li>
                    <li><a href="">玫瑰色</a></li>
                </ul>
            </div>
            <div class="part5">
                <ul class="u_1">
                    <li class="center">选择容量</li>
                    <li><a href="">银色</a></li>
                    <li><a href="">黑色</a></li>
                    <li><a href="">玫瑰色</a></li>
                </ul>
            </div>
            <div class="part5">
                <ul class="u_1">
                    <li class="center">购买方式</li>
                    <li><a href="">金色</a></li>
                    <li><a href="">银色</a></li>
                    <li><a href="">黑色</a></li>
                   
                </ul>
            </div>
            <div class="part5">
                <ul class="u_1">
                    <li class="center">套&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;装</li>
                    <li><a href="">保护套装</a></li>
                    <li><a href="">充电套装</a></li>
                  
                </ul>
            </div>
            <div class="part6">
                <ul class="u_2">
                   <li class="sum">
                       <i class="yi">1</i><i class="add">+</i><i class="jian">-</i>
                   </li>
                   <li class="btn"><a href="">加入购物车</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 长图部分 -->
    <div class="w all">
        <div class="left_part">
            rw
        </div>
        <div class="right_part">
            rt
        </div>
    </div>
</body>

</html>